// Push down content if user is authorized to see admin-bar
html:not(.user-auth-level-0) {
	margin-top: 27px;
}

// The bar
#admin-bar {
	background-color: #333333;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111'); // IE6 & IE7
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111')"; // IE8+

	background-image: -moz-linear-gradient(top, #333333, #111111); // FF 3.6+
	background-image: -ms-linear-gradient(top, #333333, #111111); // IE10
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #111111)); // Safari 4+, Chrome 2+
	background-image: -webkit-linear-gradient(top, #333333, #111111); // Safari 5.1+, Chrome 10+
	background-image: -o-linear-gradient(top, #333333, #111111); // Opera 11.10
	background-image: linear-gradient(top, #333333, #111111); // the standard

	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;

	font-size: 13px;
	line-height: 1;
	min-height: 27px;

	border-bottom: 1px solid #000;
}

	#admin-bar > ul {
		margin: 0;
		list-style: none;
		float: left;
	}

		#admin-bar > ul > li {
			display: inline-block;
			position: relative;
		}

			// Each menu item
			#admin-bar > ul > li a {
				background: url(#{$WEBROOT}Sites/SleekMobile/Styles/SleekMobile/CSS/Icons/Tango/16x16.png) no-repeat 10px -126px;

				display: block;
				padding: 7px 10px 7px 35px;

				color: #ccc;
				text-decoration: none;

				border-right: 1px solid #000;
				border-left: 1px solid #666;
			}

			// Selected
			#admin-bar > ul > li strong a {
				background-color: #111;
				color: #fefefe;
			}

			// Hover
			#admin-bar > ul > li a:hover, 
			#admin-bar > ul > li strong a:hover {
				background-color: #111;
				color: #fefefe;
			}

			// Second level
			#admin-bar > ul > li > ul {
				margin: 0;
				list-style: none;

				position: absolute;
				left: 0;
				top: 27px;
				z-index: 100;

				display: none;
			}

			#admin-bar > ul > li:hover > ul {
				display: block;
			}

				#admin-bar > ul > li > ul > li {
					display: block;
				}

					#admin-bar > ul > li > ul > li a {
						background: #111 url(#{$WEBROOT}Sites/SleekMobile/Styles/SleekMobile/CSS/Icons/Tango/16x16.png) no-repeat 10px -126px;
						display: block;
						padding: 7px 10px 7px 35px;
						color: #ccc;
						white-space: nowrap;
					}

					#admin-bar > ul > li > ul > li:last-child a {
						-moz-border-radius: 0 0 2px 2px;
						-webkit-border-bottom-right-radius: 4px;
						-webkit-border-bottom-left-radius: 4px;
						-o-border-bottom-right-radius: 4px;
						-o-border-bottom-left-radius: 4px;
						-ms-border-bottom-right-radius: 4px;
						-ms-border-bottom-left-radius: 4px;
						border-bottom-right-radius: 4px;
						border-bottom-left-radius: 4px;

						-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
						-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
						-o-box-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
						-ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
						box-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
					}

			// Icons
			#admin-bar > ul > li.admin a {
				background-position: 10px -455px;
			}

			#admin-bar > ul > li.contents a {
				background-position: 10px -126px;
			}

			#admin-bar > ul > li.users a {
				background-position: 10px -11789px;
			}

			#admin-bar > ul > li.media-library a {
				background-position: 10px -1447px;
			}

			#admin-bar > ul > li.config a {
				background-position: 10px -917px;
			}

			#admin-bar > ul > li.logout a {
				background-position: 10px -8046px; // -11525px;
			}

			#admin-bar > ul > li.modules a {
				background-position: 10px -9697px; // -11328px;
			}

			#admin-bar > ul > li.plugins a {
				background-position: 10px -11130px; // -10024px;
			}

			#admin-bar > ul > li.help a {
				background-position: 10px -6660px;
			}

			#admin-bar > ul > li.contents a {
				background-position: 10px -126px;
			}

			#admin-bar > ul > li.styles a {
				background-position: 10px -6858px;
			}

			#admin-bar > ul > li.site-builder a {
				background-position: 10px -9961px;
			}

	// Right side menu
	#admin-bar > ul:last-child {
		float: right;
	}
